Adwaita: fix entry progressbar
authorLapo Calamandrei <calamandrei@gmail.com>
Sat, 20 Feb 2016 18:31:58 +0000 (19:31 +0100)
committerLapo Calamandrei <calamandrei@gmail.com>
Sat, 20 Feb 2016 18:31:58 +0000 (19:31 +0100)
it now moves using the whole entry lenght, in the process the
style was tweaked to not need a special case for focused entries.

gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css

index 51e05d5953bdbe16f52e41d6c812f9582636e0e3..b25eef3c43cac6229fc4d5046755b3727fe2091c 100644 (file)
@@ -266,7 +266,7 @@ entry {
   selection:focus { @extend %selected_items; }
 
   progress {
-    margin: 1px;
+    margin: 2px -6px;
     border-radius: 0;
     border-width: 0 0 2px;
     border-color: $selected_bg_color;
@@ -277,10 +277,6 @@ entry {
     &:backdrop { background-color: transparent; }
   }
 
-  &:focus progress {
-    border-bottom-width: 3px;
-  }
-
   .linked:not(.vertical) > & { @extend %linked; }
   .linked:not(.vertical) > &:focus + entry,
   .linked:not(.vertical) > &:focus + button,
index 34598235197e6ff756993ca7ec32eb46c36fb38d..c0881fedf8bc1a7061c28868d811f64fd3c5bc61 100644 (file)
@@ -227,7 +227,7 @@ entry, spinbutton:not(.vertical) {
     background-image: linear-gradient(to bottom, #333636);
     box-shadow: none; }
   entry progress, spinbutton:not(.vertical) progress {
-    margin: 1px;
+    margin: 2px -6px;
     border-radius: 0;
     border-width: 0 0 2px;
     border-color: #215d9c;
@@ -237,8 +237,6 @@ entry, spinbutton:not(.vertical) {
     box-shadow: none; }
     entry progress:backdrop, spinbutton:not(.vertical) progress:backdrop {
       background-color: transparent; }
-  entry:focus progress, spinbutton:focus:not(.vertical) progress {
-    border-bottom-width: 3px; }
   .linked:not(.vertical) > entry:focus + entry, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > entry:focus + combobox > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > button.combo {
     border-left-color: #0f2b48; }
   entry.error, spinbutton.error:not(.vertical) {
index 9dffce1f27cf7840175d10771ac28ad0be52033c..1f2369455b565edc587c152cf83ce6af22a3e916 100644 (file)
@@ -227,7 +227,7 @@ entry, spinbutton:not(.vertical) {
     background-image: linear-gradient(to bottom, #f1f1f1);
     box-shadow: none; }
   entry progress, spinbutton:not(.vertical) progress {
-    margin: 1px;
+    margin: 2px -6px;
     border-radius: 0;
     border-width: 0 0 2px;
     border-color: #4a90d9;
@@ -237,8 +237,6 @@ entry, spinbutton:not(.vertical) {
     box-shadow: none; }
     entry progress:backdrop, spinbutton:not(.vertical) progress:backdrop {
       background-color: transparent; }
-  entry:focus progress, spinbutton:focus:not(.vertical) progress {
-    border-bottom-width: 3px; }
   .linked:not(.vertical) > entry:focus + entry, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > entry:focus + combobox > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > button.combo {
     border-left-color: #4a90d9; }
   entry.error, spinbutton.error:not(.vertical) {